function nombreValido(event) {
	var valor = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningName");
	var spanTick = document.getElementById("tickOK-nombre")

	if (valor == "") {
		inputWarning.style.display = "block";
		inputWarning.title = "el nombre no puede ser vacío";
		spanTick.style.display = "none";
	} else {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	}
};



function emailValidate(event) {
	var valor = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningEmail");
	var spanTick = document.getElementById("tickOK-email");

	if (/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
			.test(valor)) {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	} else {
		spanTick.style.display = "none";
		inputWarning.style.display = "block";
	}

};

function pass1Validate(event) {
	passValidate(event, "inputWarningPass1");
};

function pass2Validate(event) {
	var inputWarning = document.getElementById("inputWarningPass2");
	var spanTick = document.getElementById("tickOK-pass");

	var pass1 = document.getElementById("pass1").value;
	var pass2 = document.getElementById("pass2").value;

	if (pass1 != pass2 && pass2.length >= 6) {
		inputWarning.style.display = "block";
		inputWarning.title = "Las contrasenas no coinciden";
	} else {
		passValidate(event, "inputWarningPass2");
		if (pass1 == pass2 && pass1.length >= 6 && pass2.length >= 6) {
			spanTick.style.display = "block";
			spanTick.title = "Las contrasenas coinciden";
		}
	}
};

function nombreUsuarioValidate(event){
	var inputWarning = document.getElementById("inputWarningNombreUsuario");
	var spanTick = document.getElementById("tickOK-nombreUsuario");

	var nombre = document.getElementById("nombreUsuario").value;

	if (nombre.length <= 10) {
		inputWarning.style.display = "block";
		inputWarning.title = "El nombre debe tener 10 caraceres como minimo";
		spanTick.style.display = "none";
	}
	else {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	}	
};

function passValidate(event, id) {
	var pass = event.currentTarget.value;
	var inputWarning = document.getElementById(id);

	if (pass == "") {
		inputWarning.style.display = "block";
		inputWarning.title = "Debe introducir una contraseña";
	} else if (pass.length < 6) {
		inputWarning.style.display = "block";
		inputWarning.title = "La contraseña debe tener al menos 6 caracteres";
	} else {
		inputWarning.style.display = "none";
	}
};

function nombreFamValidate(event) {
	var nombre = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningNombreFam");
	var spanTick = document.getElementById("tickOK-nombreFam");

	if (nombre != "") {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
		spanTick.title = "Nombre de familia correcto";
	} else {
		inputWarning.style.display = "block";
		spanTick.style.display = "none";
		inputWarning.title = "Formato incorrecto";
	}
};

function validarEdad(event) {
	var valor = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningedad");
	var spanTick = document.getElementById("edad-valido");

	if (!isNaN(parseInt(valor))) {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	} else {
		inputWarning.style.display = "block";
		spanTick.style.display = "none";
	}

};

function validarDni(event) {
	var dni = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningdni");
	var spanTick = document.getElementById("dni-valido");

	dni = dni.toUpperCase();
	numero = dni.substr(0, dni.length - 1);
	let = dni.substr(dni.length - 1, 1);
	numero = numero % 23;
	letra = 'TRWAGMYFPDXBNJZSQVHLCKET';
	letra = letra.substring(numero, numero + 1);
	if (letra != let) {
		inputWarning.style.display = "block";
		spanTick.style.display = "none";
	} else {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	}
};

function parentescoValido(event) {
	var valor = event.currentTarget.value;
	var inputWarning = document.getElementById("inputWarningparentesco");
	var spanTick = document.getElementById("parentesco-valido");

	if (valor == "default") {
		inputWarning.style.display = "block";
		spanTick.style.display = "none";
	} else {
		inputWarning.style.display = "none";
		spanTick.style.display = "block";
	}
};

function userValidate() {
	var user = document.getElementById("user").value;

	var inputWarning1 = document.getElementById("errorLogin1");

	if (user == "") {
		inputWarning1.style.display = "block";
		inputWarning1.title = "El campo usuario no puede ser vacio";
	} else {
		inputWarning1.style.display = "none";
	}
};

function apellidoValido(event, idWarning, idTick) {
	var valor = event.currentTarget.value;
	var inputWaring = document.getElementById(idWarning);
	var spanTick = document.getElementById(idTick);

	if (valor == "") {
		inputWaring.style.display = "block";
		spanTick.style.display = "none";
	} else {
		inputWaring.style.display = "none";
		spanTick.style.display = "block";
	}
}


//function passValidate() {
//var pass = document.getElementById("pass").value;
//
//var inputWarning2 = document.getElementById("inputWarningPass1");
//
//if (pass == "") {
//inputWarning2.style.display = "block";
//inputWarning2.title = "El campo contraseña no puede ser vacio";
//} else {
//inputWarning2.style.display = "none";
//}
//};

function validarMiembroFamilia(event) {
	var miembroFamilia = {};

	var nombre = document.getElementById("nombre").value;
	var apellido1 = document.getElementById("1apellido").value;
	var apellido2 = document.getElementById("2apellido").value;
	var dni = document.getElementById("dni").value;
	var edad = document.getElementById("edad").value;
	var parentesco = document.getElementById("parentesco").value;

	var sindrome = document.getElementById("sd").checked;
	if (sindrome) {
		sindrome = document.createElement("img");
		sindrome.src = "libs/css/img/tick.png";
	}

	var cuna = document.getElementById("cuna").checked;
	if (cuna) {
		cuna = document.createElement("img");
		cuna.src = "libs/css/img/tick.png";
	}
	var observaciones = document.getElementById("observaciones").value;
	if (observaciones != "") {
		observaciones = document.createElement("img");
		observaciones.src = "libs/css/img/info.png";
		observaciones.className = "estiloObs";
		observaciones.contenido = document.getElementById("observaciones").value;
		observaciones.onclick = function(event) {
			muestraObservaciones(event);
		};
	}

	miembroFamilia.nombre = nombre;
	miembroFamilia.apellido1 = apellido1;
	miembroFamilia.apellido2 = apellido2;
	miembroFamilia.dni = dni;
	miembroFamilia.edad = edad;
	miembroFamilia.parentesco = parentesco;
	miembroFamilia.sindrome = sindrome;
	miembroFamilia.cuna = cuna;
	miembroFamilia.observaciones = observaciones;

	var error = "Error en: \n\n";
	var sig = true;

	if (document.getElementById("tickOK-nombre").style.display == "none"
			|| miembroFamilia.nombre == "") {
		error += "Nombre\n";
		sig = false;
	}
	if (document.getElementById("1apellido-valido").style.display == "none"
			|| miembroFamilia.apellido1 == "") {
		error += "Primer Apellido\n";
		sig = false;
	}
	if (document.getElementById("2apellido-valido").style.display == "none"
			|| miembroFamilia.apellido2 == "") {
		error += "Segundo Apellido\n";
		sig = false;
	}
	if (document.getElementById("dni-valido").style.display == "none"
			|| miembroFamilia.dni == "") {
		error += "D.N.I.\n";
		sig = false;
	}
	if (document.getElementById("edad-valido").style.display == "none"
			|| miembroFamilia.edad == "") {
		error += "Edad\n";
		sig = false;
	}
	if (document.getElementById("parentesco-valido").style.display == "none"
			|| miembroFamilia.parentesco == "default") {
		error += "Parentesco\n";
		sig = false;
	}

	if (!sig) {
		alert(error);
	} else {
		crearMiembroFamilia(miembroFamilia);
	}
};

function validarUsuario(event) {
	var user = document.getElementById("nombre").value;
	var pass1 = document.getElementById("pass1").value;
	var pass2 = document.getElementById("pass2").value;

	var error = "Error en: \n\n";
	var sig = true;

	if (document.getElementById("tickOK-nombre").style.display == "none"
			|| user == "") {
		error += "Nombre de usuario\n";
		sig = false;
	}
	
	if(pass1 == ""){
		error += "Contrase&ntilde;a\n";
		sig = false;
	}
	
	if (document.getElementById("tickOK-pass").style.display == "none"
			|| pass2 == ""){
		error += "Repetir contrase&ntilde;a\n";
		sig = false;
	}
	
	if (pass1 != pass2){
		error = "Las claves no coinciden";
		sig = false;
	}
	
	if(sig){
		return true;
	}else{
		alert(error);
		return false;
	}
};
